<div class="dateChange">
    <div class="dateChange-navbox-head">
        <a href="javascript:;" (click)="openCharts(i)" *ngFor="let value of data ,let i = index" [ngClass]="{ 'active': i === index }">{{ value.title }}</a>
    </div>
    <div class="datesel" *ngFor="let v of data, let i = index" [ngStyle]="{ 'display': i === index?'block':'none' }">
        <ion-icon name="ios-arrow-back" (click)="lastChange(i)" style="float: left;"></ion-icon>
        <span>{{ v.content }}</span>
        <ion-icon name="ios-arrow-forward" (click)="nextChange(i)" [ngStyle]="{ 'visibility':(i == index && clicknum[i] != 0)?'visible':'hidden' }" style="float: right;"></ion-icon>
    </div>

    <div class="dateChange-navbox-content">
        <ul *ngFor="let v of data, let i = index" [ngStyle]="{ 'display':i === index?'block':'none' }" class="lists">
            <div id="{{ v.ul }}"></div>
        </ul>
    </div>
</div>